<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<title>index</title>
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="referrer" content="never" />
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<link rel="stylesheet" href="../../../css/mui.min.css">
		<link rel="stylesheet" href="../static/css/common.css" />
		<link rel="stylesheet" href="css/train.css" />
		<link rel="stylesheet" href="../static/components/components.css" />
		<style>
			.mui-bar-nav~.mui-content .mui-pull-top-pocket {
				top: 80px !important;
			}

			.left-label {
				width: 60vw;
			}

			.mt-15 {
				margin-top: 15px;
			}

			.row-radio-flex {
				display: flex;
				flex-direction: row;
				width: 100%;
				flex-wrap: wrap;
			}
			
			
			.row-radio-flex .mui-radio {
				width: 50%;
				max-height: 80px;
				font-size: 3.5vw;
				flex-wrap: wrap;
			}
			
			.radio-label-title {
				padding: 10px;
				color: #333;
				margin-top: 14px;
				font-size: 3.8vw;
			}
			
			.mui-input-row {
				display: flex;
				align-items: center;
			}
			
			/* .mui-checkbox input[type=checkbox]:before, .mui-radio input[type=radio]:before{
				font-size: 22px;
			} */
			.mui-checkbox input[type=checkbox], .mui-radio input[type=radio]{
				top: unset;
			}

			.mui-input-row label {
				padding-top: 0 !important;
			}
		</style>
		<!-- <script src="https://cdn.bootcss.com/vConsole/3.3.0/vconsole.min.js"></script>
		  <script>
		        var vConsole = new VConsole();
		  </script> -->
	</head>

	<body>

		<header class="mui-bar mui-bar-nav mui-bar-nav-bg">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 id="title" class="mui-title">应急演练</h1>
		</header>
		<div class="mui-content" id="content" v-cloak>
			<div class="mui-content" id="content">
				<div class="main_box">
					<div class="main_icon"></div>
					<div class="main_icon1"></div>
					<div class="flex-row">
						<div class="icon"></div>
						<div class="color-blue" id="part-title">基本信息</div>
					</div>
					<div class="flex-between mt-15" v-if="detailAll.nodeCreateStaffCode">
						<div class="flex-row">
							<div class="beforelabel">任务下发人</div>
							<input :value="'['+detailAll.nodeCreateStaffCode+']' + detailAll.nodeCreateStaffName"
								disabled="true" style="width: 35vw;" />
						</div>

					</div>
					<div class="flex-between mt-15" v-if="detailAll.nodeCreateTime">
						<div class="flex-row">
							<div class="beforelabel">任务下发时间</div>
							<input class="date-select" id="dateSelect4" style="width:35vw;" disabled="disabled"
								:value="detailAll.nodeCreateTime|times" />


						</div>
					</div>
					<div class="flex-between  mt-15">
						<div class="flex-row">
							<div>制定人</div>
							<input :value="trainingDrill.hostStaffName + trainingDrill.hostStaffCode" disabled="true" />
						</div>
						<div class="flex-row">
							<div>审核人</div>
							<input :value="drill.reviewStaffName + drill.reviewStaffCode" disabled="true" />
						</div>
					</div>
					<div class="flex-between mt-15">
						<div class="flex-row">
							<div>制定时间</div>
							<input disabled="true" :value="drill.makeTime" style="width: 23vw;" />
						</div>
						<div class="flex-row">
							<div>审核时间</div>
							<input style="width: 23vw;" :value="drill.reviewTime" disabled="true" />
						</div>
					</div>
					<div class="flex-between mt-15">
						<div class="flex-row">
							<div>演习开始时间</div>
							<input :value="trainingDrill.begTime" disabled="true" style="width: 40vw;" />
						</div>
					</div>
					<div class="flex-row mt-10">
						<div>演习结束时间</div>
						<input :value="trainingDrill.endTime" disabled="true" style="width: 40vw;" />
					</div>
					<div class="flex-row mt-15">
						<div class="left-label">类型</div>
						<input disabled="true" style="width: 30vw;" v-if="trainingDrill.activityType =='00'"
							value="安全活动"></input>
						<input disabled="true" style="width: 30vw;" v-if="trainingDrill.activityType =='01'"
							value="培训记录"></input>
						<input disabled="true" style="width: 30vw;" v-if="trainingDrill.activityType =='10'"
							value="应急演练"></input>
						<input disabled="true" style="width: 30vw;" v-if="trainingDrill.activityType =='11'"
							value="反事故演习"></input>
						<input disabled="true" style="width: 30vw;" v-if="trainingDrill.activityType =='12'"
							value="事故预想"></input>

					</div>
					<div class="flex-row mt-15" v-if="activityTypeShow">
						<div class="left-label">演练类别</div>
						<input readonly="readonly" disabled="true" style="width: 30vw;" :value="trainingDrill.emergencyDrillType|dictFilter(reviewDict.EMERGENCY_DRILL_TYPE)" />
						<!-- <select readonly="readonly" v-model="trainingDrill.emergencyDrillType" class="" disabled="disabled">
							<option :value="item.itemValue" v-for="item in reviewDict.EMERGENCY_DRILL_TYPE">
								{{item.itemText}}</option>
						</select> -->
					</div>
					<div class="flex-row mt-15">
						<div class="left-label">演练、演习、预想主题</div>
						<input disabled="true" :value="trainingDrill.activityContent" style="width: 30vw;" />
					</div>
					<div class="flex-row mt-15" v-for="(item,index) in phenomenon" :key="index">
						<div class="left-label">{{item.phenomenonNo}}</div>
						<input :value="item.phenomenon" style="width: 30vw;" disabled="true" />
					</div>
					<div class=" mt-15"  v-if="activityTypeShow">
						<div class="left-label textarea">人员培训情况</div>
						<textarea readonly="readonly" :value="trainingDrill.personPrepare"></textarea>
					</div>
					<div class=" mt-15" v-if="activityTypeShow">
						<div class="left-label textarea">物资准备情况</div>
						<textarea readonly="readonly" :value="trainingDrill.prepare"></textarea>
					</div>
					<div class=" mt-15">
						<div class="left-label textarea">要求</div>
						<textarea readonly="readonly" :value="trainingDrill.requirement"></textarea>
					</div>
					<div class="flex-row mt-15">
						<div class="left-label">参加人员</div>
						<input :value="drill.staffName + drill.staffCode" disabled="true" style="width: 30vw;" />
					</div>
					<div class="flex-row mt-15">
						<div class="left-label">处理经过录入人（演习、演练组组长）</div>
						<input style="width: 30vw;" disabled="true"
							:value="drillInfo.processStaffName + drillInfo.processStaffCode" />
					</div>
					<div class="flex-row mt-15">
						<div class="left-label">正确处理步骤录入人（演习、演练监护组组长）</div>
						<input style="width: 30vw;" disabled="true"
							:value="drillInfo.stepsStaffName + drillInfo.stepsStaffCode" />
					</div>
					<div class="flex-row mt-15">
						<div class="left-label">
							<span v-if="activityTypeShow">
								发现问题及改进措施或应急预案修订建议录入人
								</span>
							<span v-else>
								发现问题及今后采取措施或应急预案修订建议录入人（总指挥或监护组组长）
							</span>
						</div>
						<input style="width: 30vw;" disabled="true"
							:value="drillInfo.problemStaffName + drillInfo.problemStaffCode" />
					</div>
					<div class="flex-row mt-15" v-if="activityTypeShow">
						<div class="left-label">预案评审、演练效果评价录入人</div>
						<input style="width: 30vw;" disabled="true"
							:value="drillInfo.suitableReviewStaffName + drillInfo.suitableReviewStaffCode" />
						<!-- <personselect :issingle="false" ref="personselect_dill" disabled='disabled' style="width:35vw;"></personselect> -->
					</div>
					<div class="flex-row mt-15" v-if="activityTypeShow">
						<div class="left-label">效果验证录入人</div>
						<input style="width: 30vw;" disabled="true"
							:value="drillInfo.effectVerifiedStaffName + drillInfo.effectVerifiedStaffCode" />
						<!-- <personselect :issingle="false" ref="personselect_verif" :disabled='workStatus > 10' style="width:35vw;"></personselect> -->
					</div>
					<div class="flex-row mt-15">
						<div class="left-label">个人评价录入人（场长或专工）</div>
						<input style="width: 30vw;" disabled="true"
							:value="drillInfo.appraiseStaffName + drillInfo.appraiseStaffCode" />
					</div>
					<div class="flex-row mt-15" v-if="activityTypeShow">
						<div class="left-label">总体评价录入人</div>
						<!-- <personselect :issingle="false" ref="personselect_allperson" :disabled='workStatus > 10'  style="width:35vw;"></personselect> -->
						<input style="width: 30vw;" disabled="true"
							:value="drillInfo.overallAppraiseStaffName + drillInfo.overallAppraiseStaffCode" />
					</div>
					<div class="flex-row mt-15">
						<div class="left-label">监护人或记录人</div>
						<input style="width: 30vw;" disabled="true"
							:value="drill.tutelageStaffName + drill.tutelageStaffCode" />
					</div>

					<div class="flex-between mt-10">
						<div class="flex-row">
							<div class="icon"></div>
							<div class="color-blue" id="part-title">参考资料</div>
						</div>
						<!-- <button @click="chooesFile" class="submit_btn" style="margin: 0;padding: 0 2vw;">资料上传</button>	 -->
					</div>

					<div class="yaoshi_list">
						<div v-for="(item,index) in fileList" :key="index">
							<div class="flex-between">
								<div>{{item.fileName}}</div>
								<div class="color-red" @click="downloadFile">下载</div>
							</div>
							<hr size="1" style="color: #999;border-style: dashed; widows: 250px;" />
						</div>
					</div>


					<div>
						<div class="mt-10">
							<div class="flex-row">
								<div class="icon"></div>
								<div class="color-blue" id="part-title">处理经过</div>
							</div>
							<textarea class="mt-10" disabled="true" v-model="drillInfo.processInfo"></textarea>
						</div>

						<div class="mt-10">
							<div class="flex-row">
								<div class="icon"></div>
								<div class="color-blue" id="part-title">正确处理步骤</div>
							</div>
							<textarea class="mt-10" disabled="true" v-model="drillInfo.stepsInfo"></textarea>
						</div>

						<div class="mt-10">
							<div class="flex-row">
								<div class="icon"></div>
								<div class="color-blue" id="part-title">发现问题</div>
							</div>
							<textarea class="mt-10" disabled="true" v-model="drillInfo.problemInfo"></textarea>
						</div>

						<div class="mt-10">
							<div class="flex-row">
								<div class="icon"></div>
								<div class="color-blue" id="part-title">
									<span v-if="activityTypeShow">
										改进措施或应急预案修订建议
									</span>
									<span v-else>
										今后采取措施或应急预案修订建议
									</span>
								</div>
							</div>
							<textarea class="mt-10" disabled="true" v-model="drillInfo.measure"></textarea>
						</div>


						<div class="mt-10" v-if="activityTypeShow">
							<div class="flex-row">
								<div class="icon"></div>
								<div class="color-blue" id="part-title">预案适宜性充分性评审</div>
							</div>
							<div>
								<div class="row-radio-flex radio-label-title">适宜性</div>
								<div class="row-radio-flex">
									<div class="mui-input-row mui-radio mui-left"
										v-for="items in reviewDict.EMERGENCY_SUITABLE_INFO">
										<label>{{items.itemText}}</label>
										<input :name="items.dictCode" type="radio" :value="items.itemValue"
											v-model="drillInfo.suitableInfo" disabled="disabled" />
									</div>
								</div>

								<div class="row-radio-flex radio-label-title">充分性</div>
								<div class="row-radio-flex">
									<div class="mui-input-row mui-radio mui-left"
										v-for="items in reviewDict.EMERGENCY_SUFFICIENCY_INFO">
										<label>{{items.itemText}}</label>
										<input :name="items.dictCode" type="radio" :value="items.itemValue"
											v-model="drillInfo.sufficiencyInfo" disabled="disabled" />
									</div>
								</div>
							</div>
						</div>


						<div class="mt-10" v-if="activityTypeShow">
							<div class="flex-row">
								<div class="icon"></div>
								<div class="color-blue" id="part-title">演练效果评审</div>
							</div>
							<div>
								<div class="row-radio-flex radio-label-title">人员到位情况</div>
								<div class="row-radio-flex">
									<div class="mui-input-row mui-radio mui-left"
										v-for="items in reviewDict.EMERGENCY_PERSON_PLACE">
										<label>{{items.itemText}}</label>
										<input :name="items.dictCode" type="radio" :value="items.itemValue"
											v-model="drillInfo.personPlaceInfo" disabled="disabled" />
									</div>
								</div>

								<div class="row-radio-flex radio-label-title">物资到位情况(现场物资)</div>
								<div class="row-radio-flex">
									<div class="mui-input-row mui-radio mui-left"
										v-for="items in reviewDict.EMERGENCY_MATERIAL_PLACE">
										<label>{{items.itemText}}</label>
										<input :name="items.dictCode" type="radio" :value="items.itemValue"
											v-model="drillInfo.materialPlaceInfo" disabled="disabled" />
									</div>
								</div>
								<div class="row-radio-flex radio-label-title">物资到位情况(个人防护)</div>
								<div class="row-radio-flex">
									<div class="mui-input-row mui-radio mui-left"
										v-for="items in reviewDict.EMERGENCY_PERSON_PROTECT">
										<label>{{items.itemText}}</label>
										<input :name="items.dictCode" type="radio" :value="items.itemValue"
											v-model="drillInfo.personProtectInfo" disabled="disabled" />
									</div>
								</div>
								<div class="row-radio-flex radio-label-title">协调组织情况(整体组织)</div>
								<div class="row-radio-flex">
									<div class="mui-input-row mui-radio mui-left"
										v-for="items in reviewDict.EMERGENCY_OVERALL_ORGNIZATION">
										<label>{{items.itemText}}</label>
										<input :name="items.dictCode" type="radio" :value="items.itemValue"
											v-model="drillInfo.overallOrgizationInfo" disabled="disabled" />
									</div>
								</div>
								<div class="row-radio-flex radio-label-title">协调组织情况(抢险组分工)</div>
								<div class="row-radio-flex">
									<div class="mui-input-row mui-radio mui-left"
										v-for="items in reviewDict.EMERGENCY_RESCUE_GROUP">
										<label>{{items.itemText}}</label>
										<input :name="items.dictCode" type="radio" :value="items.itemValue"
											v-model="drillInfo.rescueGroupInfo" disabled="disabled" />
									</div>
								</div>
								<div class="row-radio-flex radio-label-title">实战效果评价</div>
								<div class="row-radio-flex">
									<div class="mui-input-row mui-radio mui-left"
										v-for="items in reviewDict.EMERGENCY_PRACTICAL_EFFECT">
										<label>{{items.itemText}}</label>
										<input :name="items.dictCode" type="radio" :value="items.itemValue"
											v-model="drillInfo.practicalEffectInfo" disabled="disabled" />
									</div>
								</div>
								<div class="row-radio-flex radio-label-title">外部支援部门和协作有效性(报告上级)</div>
								<div class="row-radio-flex">
									<div class="mui-input-row mui-radio mui-left"
										v-for="items in reviewDict.EMERGENCY_REPORT_SUPERIOR">
										<label>{{items.itemText}}</label>
										<input :name="items.dictCode" type="radio" :value="items.itemValue"
											v-model="drillInfo.reportSuperiorInfo" disabled="disabled" />
									</div>
								</div>
								<div class="row-radio-flex radio-label-title">外部支援部门和协作有效性(医疗救援部门)</div>
								<div class="row-radio-flex">
									<div class="mui-input-row mui-radio mui-left"
										v-for="items in reviewDict.EMERGENCY_MEDICAL_RESCUE">
										<label>{{items.itemText}}</label>
										<input :name="items.dictCode" type="radio" :value="items.itemValue"
											v-model="drillInfo.medicalResueInfo" disabled="disabled" />
									</div>
								</div>
								<div class="row-radio-flex radio-label-title">外部支援部门和协作有效性(周边政府撤离配合)</div>
								<div class="row-radio-flex">
									<div class="mui-input-row mui-radio mui-left"
										v-for="items in reviewDict.EMERGENCY_GOVERNMENT_LEAVE">
										<label>{{items.itemText}}</label>
										<input :name="items.dictCode" type="radio" :value="items.itemValue"
											v-model="drillInfo.governmentLeaveInfo" disabled="disabled" />
									</div>
								</div>
							</div>
						</div>
						<div class="mt-10" v-if="activityTypeShow">
							<div class="flex-row">
								<div class="icon"></div>
								<div class="color-blue" id="part-title">录入效果验证 </div>
							</div>
							<textarea class="mt-10" placeholder="请输入措施落实和预案修订闭环情况" disabled="disabled"
								v-model="drillInfo.effectInfo"></textarea>
						</div>




						<div class="mt-10">
							<div class="flex-row">
								<div class="icon"></div>
								<div class="color-blue" id="part-title">评价 </div>
							</div>
							<textarea class="mt-10" disabled="true" v-model="drillInfo.appraiseInfo"></textarea>
						</div>

						<div class="list-head" style="padding: 15px 0;">

							<div class="flex-between">
								<div class="flex-row">
									<div class="icon"></div>
									<div class="color-blue" id="part-title">附件 </div>
								</div>
								<!-- <button class="submit_btn" style="margin:0;padding: 0 3vw;">上传</button> -->
							</div>
							<div v-if="fileList.length>0">
								<div style="margin-bottom: 1vh;" v-for="(item,index) in fileList"
									class="flex-row mt-10">
									<div v-if="fileList.length>0" style="width: 100vw;" class="flex-between">
										<div>
											{{item.fileName}}
										</div>
										<div class="flex-row">

											<div style="color: #004A86;text-decoration: underline;"
												@tap="downLoad(item)">下载
											</div>
										</div>
									</div>

								</div>
							</div>
							<div v-else style="text-align: center;">
								暂无数据
							</div>
						</div>



						<div class="mt-10" v-if="activityTypeShow">

							<div class="flex-row">
								<div class="icon"></div>
								<div class="color-blue" id="part-title">总体评价</div>
							</div>
							<div class="row-radio-flex">
								<div class="mui-input-row mui-radio mui-left"
									v-for="items in reviewDict.EMERGENCY_OVERALL_APPRAISEINFO">
									<label>{{items.itemText}}</label>
									<input :name="items.dictCode" type="radio" :value="items.itemValue"
										v-model="drillInfo.overallAppraiseInfo" disabled="disabled" />
								</div>
							</div>
						</div>
					</div>
					<div class="mt-10" v-if="proscessLogList.length > 0">


						<ul class="mui-table-view">
							<li class="mui-table-view-cell mui-collapse mui-active">
								<div class="flex-row">
									<div class="icon"></div>
									<div class="color-blue" id="part-title">流程日志</div>
								</div>
								<a class="mui-navigate-right" href="javascript:void(0)"
									style="font-size: 14px;color: #666;margin-top: -20px;"></a>
								<div class="mui-collapse-content">
									<div class="process-log-box" v-if="proscessLogList.length > 0">
										<div v-if="proscessLogList.length == 0" class="nodata-tips">暂无数据</div>
										<div class="process-log" v-for="item in proscessLogList">
											<div class="process-log-time">节点描述：{{item.node_name}}</div>
											<div class="process-log-res">节点状态：
												<template v-if="item.status == 0">已完成</template>
												<template v-if="item.status == 1">处理中</template>
												<span style="color: #888;" >
													<template v-if="item.nodeOperation == '0'">[转办]</template>
													<template v-if="item.nodeOperation == '1'">[提交]</template>
													<template v-if="item.nodeOperation == '2'">[退回]</template>
													<template v-if="item.nodeOperation == '3'">[通过]</template>
													<template v-if="item.nodeOperation == '4'">[或签]</template>
													<template v-if="item.nodeOperation == '5'">[驳回]</template>
												</span>
											</div>
											<div class="process-log-res">处理时间：{{item.node_deal_time|times(1)}}</div>
											<!-- <div class="process-log-res">处理时间：{{item.nodeDealTime}}</div> -->
											<div class="process-log-res">
												处理人：[{{item.node_deal_staff_code}}]{{item.node_deal_staff_name}}</div>
											<div class="process-log-res">
												审批意见：<span>{{item.approve_desc?item.approve_desc:'-'}}</span></div>
										</div>
									</div>
								</div>
							</li>
						</ul>


					</div>
					<hr size="1" class="hr-line" />


				</div>


			</div>
			<div style="width: 100%;height: 60px;"></div>
			<div class="flex-between fixed-bottom">

				<button class="cancel_btn" @click.stop="goBack">返回</button>
			</div>
		</div>


		<script src="../../../js/mui.min.js"></script>
		<script src="../../../js/vue.js"></script>
		<script src="../static/js/neiosCommon.js"></script>
		<script src="../static/js/upLoadHelper.js"></script>
		<script src="../static/components/personSelect.js"></script>
		<script src="../static/components/processLog.js"></script>
		<script type="text/javascript" src="../static/js/neiosRequst.js"></script>
		<script type="text/javascript" src="../../../js/jquery-3.2.1.min.js"></script>
		<script src="js/drill.js"></script>
	</body>

</html>
